// 产品服务
import { getAssetsImages } from '@/utils'
import { defineComponent } from 'vue'
import styles from './productServices.module.less'
export default defineComponent({
  setup() {
    const listData = [
      {
        key: 1,
        name: '素质教育',
        icon: getAssetsImages('jiaoyu.webp')
      },
      {
        key: 2,
        name: '升学规划',
        icon: getAssetsImages('yanxue.webp')
      },
      {
        key: 3,
        name: '高考志愿',
        icon: getAssetsImages('gaokao.webp')
      },
      {
        key: 4,
        name: '高考社区',
        icon: getAssetsImages('sequ.webp')
      }
    ]
    return () => (
      <div class={styles['product-container']}>
        <div class={styles['product-box']}>
          <p class={styles['header-text']} data-aos="fade-up">
            产品服务
          </p>
          <p class={styles['sub-text']} data-aos="fade-up" data-aos-delay="100">
            技术与教育融合创新，为新时代的教育改革赋能
          </p>
          <div class={styles['line-box']}></div>
          <p class={styles['content-text']} data-aos="fade-up" data-aos-delay="200">
            比邻在线利用互联网大数据+人工智能技术，与先进的生涯规划辅导理念进行深度融合并重塑。由新高考生涯规划指导，学习力提升课程，志愿填报等模块组成。系统以大数据作为底层基础，依托团队强大的高校老师合作能力，为学生提供专业的升学规划服务。
          </p>
          <ul class={styles['list-box']} data-aos="fade-up" data-aos-delay="200">
            {listData.map(item => {
              return (
                <li class={styles['li-box']}>
                  <img src={item.icon} alt="" class={styles['li-img']} />
                  <span>{item.name}</span>
                </li>
              )
            })}
          </ul>
        </div>
      </div>
    )
  }
})
